<!DOCTYPE html>
<html>

<head>
    @section('title')

    @show
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
    <meta name="renderer" content="webkit">
    <meta name="wap-font-scale" content="no">
    <meta name="format-detection" content="telephone=no">
    <meta name="applicable-device" content="mobile">

    <meta name="author" content="Pandaren">
    <meta name="hotcss" content="initial-dpr=1;max-width=640" />
    <script>
        (function( window , document ){
            'use strict';
            var hotcss = {};
            (function() {
                //根据devicePixelRatio自定计算scale
                //可以有效解决移动端1px这个世纪难题。
                var viewportEl = document.querySelector('meta[name="viewport"]'),
                    hotcssEl = document.querySelector('meta[name="hotcss"]'),
                    dpr = window.devicePixelRatio || 1,
                    maxWidth = 540,
                    designWidth = 0;

                dpr = dpr >= 3 ? 3 : ( dpr >=2 ? 2 : 1 );

                //允许通过自定义name为hotcss的meta头，通过initial-dpr来强制定义页面缩放
                if (hotcssEl) {
                    var hotcssCon = hotcssEl.getAttribute('content');
                    if (hotcssCon) {
                        var initialDprMatch = hotcssCon.match(/initial\-dpr=([\d\.]+)/);
                        if (initialDprMatch) {
                            dpr = parseFloat(initialDprMatch[1]);
                        }
                        var maxWidthMatch = hotcssCon.match(/max\-width=([\d\.]+)/);
                        if (maxWidthMatch) {
                            maxWidth = parseFloat(maxWidthMatch[1]);
                        }
                        var designWidthMatch = hotcssCon.match(/design\-width=([\d\.]+)/);
                        if (designWidthMatch) {
                            designWidth = parseFloat(designWidthMatch[1]);
                        }
                    }
                }

                document.documentElement.setAttribute('data-dpr', dpr);
                hotcss.dpr = dpr;

                document.documentElement.setAttribute('max-width', maxWidth);
                hotcss.maxWidth = maxWidth;

                if( designWidth ){
                    document.documentElement.setAttribute('design-width', designWidth);
                }
                hotcss.designWidth = designWidth; // 保证px2rem 和 rem2px 不传第二个参数时, 获取hotcss.designWidth是undefined导致的NaN

                var scale = 1 / dpr,
                    content = 'width=device-width, initial-scale=' + scale + ', minimum-scale=' + scale + ', maximum-scale=' + scale + ', user-scalable=no';

                if (viewportEl) {
                    viewportEl.setAttribute('content', content);
                } else {
                    viewportEl = document.createElement('meta');
                    viewportEl.setAttribute('name', 'viewport');
                    viewportEl.setAttribute('content', content);
                    document.head.appendChild(viewportEl);
                }

            })();

            hotcss.px2rem = function( px , designWidth ){
                //预判你将会在JS中用到尺寸，特提供一个方法助你在JS中将px转为rem。就是这么贴心。
                if( !designWidth ){
                    //如果你在JS中大量用到此方法，建议直接定义 hotcss.designWidth 来定义设计图尺寸;
                    //否则可以在第二个参数告诉我你的设计图是多大。
                    designWidth = parseInt(hotcss.designWidth , 10);
                }

                return parseInt(px,10)*320/designWidth/20;
            }

            hotcss.rem2px = function( rem , designWidth ){
                //新增一个rem2px的方法。用法和px2rem一致。
                if( !designWidth ){
                    designWidth = parseInt(hotcss.designWidth , 10);
                }
                //rem可能为小数，这里不再做处理了
                return rem*20*designWidth/320;
            }

            hotcss.mresize = function(){
                //对，这个就是核心方法了，给HTML设置font-size。
                var innerWidth = document.documentElement.getBoundingClientRect().width || window.innerWidth;

                if( hotcss.maxWidth && (innerWidth/hotcss.dpr > hotcss.maxWidth) ){
                    innerWidth = hotcss.maxWidth*hotcss.dpr;
                }

                if( !innerWidth ){ return false;}

                document.documentElement.style.fontSize = ( innerWidth*20/320 ) + 'px';

                hotcss.callback && hotcss.callback();

            };

            hotcss.mresize();
            //直接调用一次

            window.addEventListener( 'resize' , function(){
                clearTimeout( hotcss.tid );
                hotcss.tid = setTimeout( hotcss.mresize , 33 );
            } , false );
            //绑定resize的时候调用

            window.addEventListener( 'load' , hotcss.mresize , false );
            //防止不明原因的bug。load之后再调用一次。

            setTimeout(function(){
                hotcss.mresize();
            },333)

            window.hotcss = hotcss;

        })( window , document );
    </script>
    <style type="text/css">
        body{
            width: 16rem!important;
            margin: 0 auto!important;
            background-color: #f2f2f2;
        }


    </style>
    <title>熊猫直播_最娱乐的直播平台</title>
    <link rel="dns-prefetch" href="//m.panda.tv/">
    <link rel="stylesheet" href="{{asset('mobile/css/1ffad56409f5e50a.css')}}">
    <link rel="stylesheet" href="{{asset('mobile/css/72b778152bf1c3f0.css')}}">
</head>
<body>
<!--header-->
<header class="am-header i-top">
    <div class="am-header-left am-header-nav logo">
        <a href="">

            <img src="{{asset('mobile/images/logo.png')}}">
        </a>
    </div>

    <div class="am-header-right am-header-nav i-top-pic">
        <a href="">
            <img src="{{asset('mobile/images/fdj.png')}}">
        </a>
        <a href="">
            <img src="{{asset('mobile/images/user.png')}}">
        </a>
    </div>
</header>

<nav class="am-menu  am-menu-default header-menu">
    <ul class="am-menu-nav am-avg-sm-5 i-nav">
        <li>
            <a href="http://m.qiyiguo.tv">首页</a>
        </li>
        @foreach($top_cate as $v)
            <li>
                <a  href="{{url(''.$v->cate_url.'')}}">
                    {{$v->cate_name}}
                </a>
            </li>
        @endforeach
    </ul>
</nav>
<!--header-->
@section('content')
    @show
{{--<div data-am-widget="navbar" class="am-navbar am-cf am-navbar-default ">
    <ul class="am-navbar-nav am-cf am-avg-sm-4 i-footer">
        <li class="append-f-on">
            <a href="">
                <img src="{{asset('mobile/images/news1.png')}}" alt="新闻" />
                <span class="am-navbar-label">新闻</span>
            </a>
        </li>
        <li>
            <a href="">
                <img src="{{asset('mobile/images/tj.png')}}" alt="推荐" />
                <span class="am-navbar-label">推荐</span>
            </a>
        </li>
        <li>
            <a href="">
                <img src="{{asset('mobile/images/tv.png')}}" alt="直播" />
                <span class="am-navbar-label">直播</span>
            </a>
        </li>
        <li>
            <a href="">
                <img src="{{asset('mobile/images/wo.png')}}" alt="我" />
                <span class="am-navbar-label">我</span>
            </a>
        </li>
    </ul>
</div>--}}




</body>

</html>